@red: #ff492d;

* {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    text-decoration: none;
}
html, body {
    width: 100%;
}
footer{
    overflow: hidden;
}


.container-fluid {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
}

.container {
    width: 71rem;
    margin: 0 auto;
}

.tabbar {
    height: 10.2rem;
    background-color: white;
    position: relative;
    ul {
        display: flex;
        justify-content: space-between;
        position: fixed;
        bottom: 0;
        height: 10.2rem;
        background-color: white;
        li {
            box-sizing: border-box;
            width: 14.8rem;
            text-align: center;
            a {
                box-sizing: border-box;
                display: block;
                padding-top: 1.5rem;
                i {
                    display: block;
                    width: 4rem;
                    height: 4rem;
                    margin: 0 auto;
                    background-image: url(https://img.imgdb.cn/item/6034670c5f4313ce250d93c0.png);
                    background-repeat: no-repeat;
                    background-size: 16rem 8rem;
                }   
                span {
                    height: 4.7rem;
                    line-height: 4.7rem;
                    font-size: 2.4rem;
                    color: #707070;
                }         
            }
            &.active {
                span {
                    color: #ff4a2c;
                }
                i {
                    background-position-y: -4rem !important;
                }
            }
            &:nth-child(1){
                i {
                    background-position: 0 0;
                }
            }
            &:nth-child(2){
                i {
                    background-position: -4rem 0;
                }
            }
            &:nth-child(3){
                i {
                    background-position: -8rem 0;
                }
            }
            &:nth-child(4){
                i {
                    background-position: -12rem 0;
                }
            }
        }
    }
}
